<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>课表安排</title>
    <!-- 这里老韩使用css, 大家还是可以使用前面学习过的知识 -->
    <style type="text/css">
        table,tr,td {
            border: 1px solid blue;
            text-align: center; /*文本居中*/
        }

        table {
            /*这里的border样式，只针对table表的外框*/
            border: 2px solid blue;
        }

    </style>
</head>
<body>
<div align="center">
    <!--
        1. 分析有8行8列
    -->
    <h1>课表安排</h1>
    <table border="1" width="800">
        <tr>
            <td>1</td>
            <td colspan="5">2</td>

            <td colspan="2">7</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
        </tr>
        <tr>
            <!-- 跨4行 , 下面的单元格没有-->
            <td rowspan="4">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <!-- 跨4行 , 下面的单元格没有-->
            <td rowspan="4">8</td>
        </tr>
        <tr>

            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>

            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>

            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
        <tr>
            <!-- 跨2行-->
            <td rowspan="2">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <!-- 跨2行-->
            <td rowspan="2">8</td>
        </tr>
        <tr>

            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
        </tr>
    </table>
</div>
</body>
</html>
